import styled from 'styled-components'

export const HeaderPlaylistWrapper = styled.div`
  height: 43px;
  border-bottom: 2px solid #C10D0C;

  display: flex;
  justify-content: space-between;
  align-items: center;

    margin-bottom: 30px;
    .left {
    display: flex;
    .title {
      color: #333;
      font-size: 24px;
    }

    .sort {
      width: 91px;
      height: 31px;
      line-height: 31px;
      text-align: center;
      display: inline-block;
      border: 1px solid #d3d3d3;
      border-radius: 4px;
      margin-left: 10px;
    }
  }

  .right {
    .hot {
      display: inline-block;
      width: 46px;
      height: 29px;
      line-height: 29px;
      text-align: center;
      color: #fff;
      background-position: 0 0;
    }
  }
`